<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Coleta Seletiva - Material</title>
        <link href="./css/cadastro.css" rel="stylesheet" type="text/css"/> 
    </h:head>
    <h:body>
        <h1>Material</h1>
        <fieldset class="topCadastro">
            <div class="botao"><button name="retorna" value="retorna">Retornar</button></div>
        </fieldset>
        <fieldset class = "corpoCadastro">
            <legend>Informações do Material</legend>
            <h:form>
                <table>
                    <tr>
                        <div class ="campos tc_medio">
                            <td>Id:</td>
                            <td>
                                <h:inputText 
                                    value="#{material.id}" 
                                    required="false" 
                                    id="id"
                                    />
                            </td>
                        </div>
                    </tr>
                    <tr>
                        <div class ="campos tc_medio">
                            <td>
                                Descrição:<span class="asterisco">*</span><br/></td>
                            <td>
                                <h:inputText id="descricao" value="#{material.descricao}"
                                             required="true" 
                                             requiredMessage="  Informe a descrição do material"
                                             validator="#{material.validaMaterial}"
                                             />
                                <h:message for="descricao" styleClass="error"/>
                            </td>
                        </div>
                    </tr>
                    <tr>
                        <div class ="campos tc_mlongo">
                            <td>

                                Tempo de Decomposição:<span class="asterisco">*</span><br/></td>
                            <td>
                                <h:inputText id="tempoDecomposicao" value="#{material.tempoDecomposicao}"
                                             required="true" 
                                             requiredMessage="Informe o tempo de decomposição"
                                             validator="#{material.validaMaterial}"
                                             />
                                <h:message for="tempoDecomposicao" styleClass="error"/>
                            </td>
                        </div>
                    </tr>
                    <tr>
                        <div class ="campos tc_medio">
                            <td>

                                Tóxico:<span class="asterisco">*</span><br/></td>
                            <td>
                                <h:selectOneMenu id="toxico" value="#{material.toxico}"
                                                 required="true" 
                                                 requiredMessage="Selecione se é material tóxico ou não">
                                    <f:selectItems value="#{material.listaToxico}"
                                                   />  
                                </h:selectOneMenu>                        
                                <br/>
                                <h:message for="toxico" styleClass="error"/>

                            </td>
                        </div>
                    </tr>
                    <tr>     
                        <div class ="campos tc_medio">
                            <td>

                                Tipo:<span class="asterisco">*</span><br/></td>
                            <td>
                                <h:selectOneMenu id="tipo" value="#{material.tipo}"
                                                 required="true" 
                                                 requiredMessage="Selecione o tipo de material">
                                    <f:selectItems value="#{material.listaTipoMaterial}"
                                                   />  
                                </h:selectOneMenu>                        
                                <br/>
                                <h:message for="tipo" styleClass="error"/>

                            </td>
                        </div>
                    </tr>
                    <tr>
                        <div class ="campos tc_longo">
                            <td>Observações:</td>
                            <td>
                                <h:inputText 
                                    value="#{material.observacoes}" 
                                    required="false" 
                                    id="observacoes"
                                    />
                            </td>
                        </div>
                    </tr>
                    <tr>
                        <div class ="botao">
                            <td> <h:commandButton class="botaoComando" value="Salvar Dados" 
                                                  action="#{material.mostraMaterial}"/></td>
                            <td>
                                <span class="asteriscoObs">Observação: Os campos marcados com asterisco são de preenchimento obrigatório.</span>     
                            </td>
                        </div>
                    </tr>
                </table>
            </h:form>

        </fieldset>
    </h:body>
</html>


